<ion-header>
	<ion-navbar>
		<ion-title>卡片(cards)</ion-title>
	</ion-navbar>
</ion-header>
<ion-content>
	<ion-card>
		<ion-card-header>
			基本卡片
		</ion-card-header>
		<ion-card-content>
			环境加入黑猫技术大家庭。群号：275753700
			<ion-card>
				<code> 
					&lt;ion-card&gt;环境加入黑猫技术大家庭。群号：275753700&lt;/ion-card&gt;
				</code>
			</ion-card>
			<a class="more" href="https://ionicframework.com/docs/components/#cards">更多信息</a>
		</ion-card-content>
	</ion-card>
	<ion-card>
		<ion-card-header>
			有卡片头部的
		</ion-card-header>
		<ion-card-content>
			卡片正文
			<ion-card>
				<code> &lt;ion-card&gt;<br />   &lt;ion-card-header&gt;<br />			有卡片头部的<br />   &lt;/ion-card-header&gt;<br />   &lt;ion-card-content&gt;<br />			卡片正文 <br />   &lt;/ion-card-content&gt;<br />&lt;/ion-card&gt;<br />
				</code>
			</ion-card>
			<a class="more" href="https://ionicframework.com/docs/components/#cards">更多信息</a>
		</ion-card-content>
	</ion-card>

	<ion-card>
		<ion-card-header>
			卡片列表
		</ion-card-header>
		<ion-card-content>
			<ion-list>
				<button ion-item>
			      <ion-icon name="cart" item-start></ion-icon>
			      Shopping
			    </button>
				<button ion-item>
			      <ion-icon name="medical" item-start></ion-icon>
			      Hospital
			    </button>
				<button ion-item>
			      <ion-icon name="cafe" item-start></ion-icon>
			      Cafe
			    </button>
				<button ion-item>
			      <ion-icon name="paw" item-start></ion-icon>
			      Dog Park
			    </button>
				<button ion-item>
			      <ion-icon name="beer" item-start></ion-icon>
			      Pub
			    </button>
				<button ion-item>
			      <ion-icon name="planet" item-start></ion-icon>
			      Space
			    </button>
			</ion-list>
			<ion-card>
				<code>  
					代码量过大的我就不贴了，不好意思
				</code>
			</ion-card>
			<a class="more" href="https://ionicframework.com/docs/components/#cards">更多信息</a>
		</ion-card-content>
	</ion-card>

	<ion-card>
		<ion-card-header>
			带图片的卡片
		</ion-card-header>
		<ion-card-content>
			<ion-card>
				<img src="assets/imgs/beijing.jpg" />
				<ion-card-content>
					<ion-card-title>
						北京
					</ion-card-title>
					<p>
						北京，简称“京”，是中华人民共和国的首都、直辖市、国家中心城市、超大城市、国际大都市，全国政治中心、文化中心、国际交往中心、科技创新中心，是中国共产党中央委员会、中华人民共和国中央人民政府、全国人民代表大会、中国人民政治协商会议全国委员会、中华人民共和国中央军事委员会所在地，也是中部战区司令部驻地。
					</p>
				</ion-card-content>
			</ion-card>
			<ion-card-content class="card-background-page">
				<ion-card>
					<img src="assets/imgs/beijing.jpg" />
					<div class="card-title">北京</div>
					<div class="card-subtitle">41 Listings</div>
				</ion-card>
				<ion-card>
					<img src="assets/imgs/shagnhai.jpg" />
					<div class="card-title">上海</div>
					<div class="card-subtitle">72 Listings</div>
				</ion-card>
			</ion-card-content>
			<ion-card>
				<code> 
					代码量过大的我就不贴了，不好意思
				</code>
			</ion-card>
			<a class="more" href="https://ionicframework.com/docs/components/#cards">更多信息</a>
		</ion-card-content>
	</ion-card>

	<ion-card>
		<ion-card-header>
			社交卡
		</ion-card-header>
		<ion-card-content>
			<ion-card>
				<ion-item>
					<ion-avatar item-start>
						<img src="assets/imgs/2.png">
					</ion-avatar>
					<h2>黑猫</h2>
					<p>November 5, 1990</p>
				</ion-item>
				<img src="assets/imgs/beijing.jpg">
				<ion-card-content>
					<p>
						北京，简称“京”，是中华人民共和国的首都、直辖市、国家中心城市、超大城市、国际大都市，全国政治中心、文化中心、国际交往中心、科技创新中心，是中国共产党中央委员会、中华人民共和国中央人民政府、全国人民代表大会、中国人民政治协商会议全国委员会、中华人民共和国中央军事委员会所在地，也是中部战区司令部驻地。
					</p>
				</ion-card-content>
				<ion-row>
					<ion-col>
						<button ion-button icon-left clear small>
				        <ion-icon name="thumbs-up"></ion-icon>
				        <div>12 Likes</div>
				      </button>
					</ion-col>
					<ion-col>
						<button ion-button icon-left clear small>
				        <ion-icon name="text"></ion-icon>
				        <div>4 Comments</div>
				      </button>
					</ion-col>
					<ion-col center text-center>
						<ion-note>
							11h ago
						</ion-note>
					</ion-col>
				</ion-row>
			</ion-card>
			<ion-card>
				<code> 
					代码量过大的我就不贴了，不好意思
				</code>
			</ion-card>
			<a class="more" href="https://ionicframework.com/docs/components/#cards">更多信息</a>
		</ion-card-content>
	</ion-card>

	<ion-card>
		<ion-card-header>
			地图卡
		</ion-card-header>
		<ion-card-content>
			<ion-card>
				<img src="assets/imgs/beijing.jpg">
				<ion-fab right top>
					<button ion-fab>
				      <ion-icon name="pin"></ion-icon>
				    </button>
				</ion-fab>
				<ion-item>
					<ion-icon name="football" item-start large></ion-icon>
					<h2>Museum of Football</h2>
					<p>11 N. Way St, Madison, WI 53703</p>
				</ion-item>

				<ion-item>
					<ion-icon name="wine" item-left large></ion-icon>
					<h2>Institute of Fine Cocktails</h2>
					<p>14 S. Hop Avenue, Madison, WI 53703</p>
				</ion-item>
				<ion-item>
					<span item-left>18 min</span>
					<span item-left>(2.6 mi)</span>
					<button ion-button icon-left clear item-end>
				      <ion-icon name="navigate"></ion-icon>
				      Start
				    </button>
				</ion-item>
			</ion-card>
			<ion-card>
				<code> 
					代码量过大不贴了
				</code>
			</ion-card>
			<a class="more" href="https://ionicframework.com/docs/components/#cards">更多信息</a>
		</ion-card-content>
	</ion-card>

</ion-content>